<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</h:head>

<h:body>


	<h:form id="formRealizaCompra">

		<p:panelGrid columns="2">


			<h:outputLabel value="Informe seu CPF:" for="cpf" />
			<p:inputMask id="cpf" label="Cpf" value="#{clienteBean.cliente.cpf}"
				mask="999.999.999-99" size="25" maxlength="11">
			</p:inputMask>


			<h:outputLabel value="Categoria: " />
			<p:selectOneMenu id="categoria"
				value="#{itemBean.item.produto.categoria}"
				requiredMessage="A categoria do Produto é obrigatória!"
				validatorMessage="A categoria do Produto é obrigatória!"
				ajax="true"	onchange="#{itemBean.listarPorCategoria()}">								

				<f:selectItem itemLabel="Escolha uma Categoria de Produto"
					itemValue=""/>
				<f:selectItems var="produto"  value="#{itemBean.listaCategorias}"
					itemValue="#{itemBean.item.produto.categoria}" />

			</p:selectOneMenu>

		</p:panelGrid>

		<br />
		<br />		

		<p:panel id="panelProdutos"
			rendered="#{!empty itemBean.listaProdutos}" styleClass="border: none; !important">

			<p:panelGrid columns="2">
				<p:selectOneMenu id="produto"
					value="#{itemBean.item.produto}" ajax="true">

					<f:selectItem itemLabel="Escolha um Produto" itemValue="" />
					<f:selectItems var="produto" value="#{itemBean.listaProdutos}"
						itemLabel="#{produto.nome}" itemValue="#{produto}" />

				</p:selectOneMenu>
				
				<h:outputLabel value=""/>


				<h:outputLabel value="Quantidade do Produto Selecionado:"
					for="quantidade" />
				<p:inputText id="quantidade" label="Quantidade"
					value="#{itemBean.item.quantidade}" size="10" maxlength="3">
				</p:inputText>
			</p:panelGrid>
			
			
		<p:commandButton id="btnAdicionaItem" value="Adicionar Produto à Lista de Compras"
			action="#{itemBean.adicionarItem}"
			update="formRealizaCompra"/>

		</p:panel>


	</h:form>



</h:body>

</html>